<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>弹窗演示</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="../../Resources/mall2/css/dialog.css">
</head>
<body>
<button id="zy">自营下单弹窗</button>
<button id="wt">委托下单弹窗</button>
<div class="layerStyle" id="zylayer" style="display: none">
	<dl>
		<dt>钢厂：</dt>
		<dd>武安文丰</dd>
		<dt>品名：</dt>
		<dd>两切低合金板</dd>
		<dt>材质：</dt>
		<dd>Q345B</dd>
	</dl>
	<dl class="nobottom">
		<dt>规格：</dt>
		<dd>30*2200*L</dd>
		<dt>仓库：</dt>
		<dd>武安九峰库</dd>
	</dl>

	<div class="layerTable">
		<table>
			<tr>
				<th width="90">件数</th>
				<th width="90">件重</th>
				<th width="90">价格</th>
				<th width="90">可供吨数</th>
				<th width="130" style="text-align: center">数量</th>
				<th width="90"></th>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td>
					<div class="num clearfix">
						<div class="cut disabled"></div>
						<div class="text"><input class="count" value="1" type="text"></div>
						<div class="add"></div>
					</div>
				</td>
				<td>
					<button>下单</button>
				</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td>
					<div class="num clearfix">
						<div class="cut"></div>
						<div class="text"><input class="count" value="1" type="text"></div>
						<div class="add disabled"></div>
					</div>
				</td>
				<td>
					<button>下单</button>
				</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td>
					<div class="num clearfix">
						<div class="cut"></div>
						<div class="text"><input class="count" value="3" type="text"></div>
						<div class="add"></div>
					</div>
				</td>
				<td>
					<button>下单</button>
				</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</div>
</div>

<div class="layerStyle" id="wtlayer" style="display: none">
	<dl>
		<dt>公司：</dt>
		<dd>上海钢富电子上午有限公司</dd>
		<dt>联系人：</dt>
		<dd>凌统丽芬</dd>
	</dl>
	<dl class="nobottom">
		<dt>仓库：</dt>
		<dd>群友西库铲车区</dd>
		<dt>价格：</dt>
		<dd>2650</dd>
	</dl>

	<div class="layerTable">
		<table>
			<tr>
				<th width="145">品名</th>
				<th width="145">规格</th>
				<th width="145">材质</th>
				<th width="145">钢厂</th>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
			<tr>
				<td>25</td>
				<td>4.31</td>
				<td>3242</td>
				<td>32432.2</td>
			</tr>
		</table>
	</div>

	<div class="remarks">找钢网会将您的采购需求发给对方，对方收到后会主动联系你。</div>
	<div class="confirm" id="confirm"><button>确认下单</button></div>

</div>

<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
<script src="http://static-online.zhaogang.com/publicresource/control/layer/layer.min.js"></script>
<script>
	$("#zy").on("click",function(){
		layer.open({
			type: 1,
			shade: 0.7,
			title: ['选择一条码单下单'],
			area: ['685px', 'auto'],
			content: $('#zylayer')
		})
	})

	$("#wt").on("click",function(){
		layer.open({
			type: 1,
			shade: 0.7,
			title: ['委托下单'],
			area: ['685px', 'auto'],
			content: $('#wtlayer')
		})
	});

	$("#confirm").on("click",function(){
		layer.closeAll()
	})
</script>
</body>
</html>